.images-list {

    &__banner{
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }
    &__list {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }
    &__image {
        width: 49%;
        min-width: 49%;
        width: 49%;
        height: 200px;
        padding: 5px;
        img {
            height: 100%;
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            display: block;
        }
    }
    &__search{
        display: flex;
        justify-content: center;
        input{
            width: 250px;
        }
        button{
            margin-left: 16px;
            width: 100px;
        }
    }
    &__nav{
    }
    .tabs-nav{
        margin-top: 16px;
        justify-content: center;
        &__item{
            color: #707070;
            &.is-active{
                .tabs-nav__item-inner{
                    border: none !important;
                }
            }
        }
    }
    &__stock-promo{
        font-size: 12px;
        .label{
            display: block;
            margin: 0 auto;
        }
    }
    &__error{
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 250px;
    }
    &__loader{
        color: #2680EB;
        text-align: center;
        font-weight: 500;
        height: 485px;
    }
    &__error-desc{
        margin-top: 8px;
    }
    &__error-actions{
        margin-top: 8px;
        button{
            cursor: pointer;
        }
    }
}

.stock-promo{
    font-size: 12px;
    line-height: 21px;
    padding: 8px;
    margin-right: -8px;
    color: #58585D;
    text-align: right;
    margin-left: auto;
    &:hover, &:focus, &:active{
        color: #58585D;
    }
    &__name{
        color: #fff;
    }
    &__label{
        height: 21px;
        font-size: 12px;
        line-height: 21px;
        margin-left: 4px;
        border-radius: 3px;
    }
}
